<template>

    <div class="zn_nav">
        <van-row>
            <van-col :span="16" :offset="4">
                <div class="yw">
                    <div class="panels">
                        <van-panel  @click="func('yw')">
                            <div slot="header" class="header">
                                <van-row>
                                    <van-col span="4">
                                        <van-icon size="30" name="map-marked" />
                                    </van-col>
                                    <van-col span="8">
                                        <div style="margin-top: -5px" >院外导航</div>
                                    </van-col>
                                    <van-col span="3"offset="8">
                                        <div>
                                            <van-icon size="30" name="arrow" />
                                        </div>
                                    </van-col>
                                </van-row>
                            </div>
                        </van-panel>
                    </div>
                </div>
                <div class="yn">
                    <div class="panels">
                        <van-panel  icon="wap-home" @click="func('yn')" >
                            <div slot="header" class="header">
                                <van-row>
                                    <van-col span="4">
                                        <van-icon size="30" name="wap-home" />
                                    </van-col>
                                    <van-col span="8">
                                        <div style="margin-top: -5px">院内导航</div>
                                    </van-col>
                                    <van-col span="3"offset="8">
                                        <div>
                                            <van-icon size="30" name="arrow" />
                                        </div>
                                    </van-col>
                                </van-row>
                            </div>
                        </van-panel>
                    </div>
                </div>

            </van-col>
        </van-row>
    </div>
</template>

<script>

    export default {
        name: "naventer",
        data(){
            return {}
        },
        methods: {
            func(sta){
                if(sta==='yw'){
                    this.$router.push({path:'/wechat/navwai',query:{type:'yw'}})
                }else {
                    this.$router.push({path:'/wechat/navwai',query:{type:'yn'}})
                }
            }
        }
    }
</script>

<style scoped>
    .zn_nav {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background: url(../../../assets/img/dingwei.jpg) no-repeat center center;
        background-size: 146%;
        position: relative;
    }
    .yw{
        margin-top: 20vh;
        height: 10vh;
    }
    .yn{

        height: 10vh;
    }
    .header{
        line-height: 10vh;
        margin-left: 20px;
    }
    .panels{
        margin-top: 3vh;
        border-radius:30px 0 30px 0;
        overflow: hidden;
    }

</style>
